import React, { Component } from 'react'

import {
  Title,
  Cnt,
  Imgbg,
  Button1,
  Button2,
  Input
} from './styles'

export default class Index extends Component {
  render() {
    return (
      <div>
        {/* 调用一个样式组件 */}
        <Title>
          <h3>我是一个标题</h3>
          <h1>是我一个h1的内容</h1>
        </Title> 
        <Cnt>我是一个内容</Cnt>
        <Imgbg>图片背景</Imgbg>
        <hr/>
        <Button1>我是一个按钮</Button1>
        <br/><br/>
        <Button2>我是一个按钮</Button2>
        <br/><br/>

        <Input msg="账号" height={30} border="blue" />
        <Input msg="密码" password={true}  />


      </div>
    )
  }
}
